<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CBP商家</title>
    <link rel="stylesheet" href="__CSS__/ming_common.css">
    <link rel="stylesheet" href="__CSS__/ming.css">
</head>

<body style="padding-top: 38px">
<header class="header">
    <!--<a href='javascript:history.back(-1)' style="display: flex;align-items: center">-->
    <!--<a href="{:U('Discover/index')}" style="display: flex;align-items: center">-->
    <a href="{:U('Index/index')}" style="display: flex;align-items: center;width: 7rem">
        <!--<img src="__IMG__/Return.png" alt=""></a>-->
        <img src="__IMG__/ex/back_black.png" alt="" style="width: 2.5%">
        <p style="color: #000;padding:0  .2rem ">SHOP专区</p>
    </a>

    <span class="kongge"></span>
</header>

<section class="content">

    <div class="qianbao">
        <div style="padding: .2rem 0 0;background: #F1F3F4">
<!--            <img src="__IMG__/ex/shaixuan.png" alt="" style="float: right;padding-right: .3rem;" width="20rem">-->
        </div>
        <div class="HBS_flex" style="margin-top: .1rem">
            <div>
                <div>
                    <img src="/Public/Home/images/ex/duihuan.png" alt="" style="width:.4rem;padding: .2rem">
                </div>
                <div>
                    <p style="font-size: 17px">CBP shopping</p>
                    <p  style="color:#9b9b9b">请登录CBP电商服务平台</p>
                </div>
            </div>
            <div>
                <div>
                    <!--<p class="password2">登录</p>-->
                    <p>登录</p>
                </div>
                <div>
                    <img src="/Public/Home/images/ex/right.png" alt="" style="width:.2rem;padding: .2rem">
                </div>
            </div>
        </div>

        <div class="HBS_flex">
            <div>
                <div>
                    <img src="/Public/Home/images/ex/blank_new.png" alt="" style="width:.4rem;padding: .2rem">
                </div>
                <div>
                    <p style="font-size: 17px">CBP 商家</p>
                    <p  style="color:#9b9b9b">请查看CBP商家服务</p>
                </div>
            </div>
            <div>
                <div>
                    <!--<p><a href="{:U('Discover/stock_detail')}">登录</a></p>-->
                    <p ><a href="{:U('Discover/shopping_transfer')}">申请</a></p>
                </div>
                <div>
                    <img src="/Public/Home/images/ex/right.png" alt="" style="width:.2rem;padding: .2rem">
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    .content{
        background: #FFF;
        height: 100%;
    }
    .HBS_flex>div{
        display: flex;
        align-items: center;
    }
    .HBS_flex>div>div{
        display: inline-block;
    }
    .header{
        /*background:#EC1C24;*/
        /*border-bottom: 1px solid #EC1C24;*/
    }
    .content_header a{
        background: rgba(91, 91, 101, .2);
        border:1px solid #dedede;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: .1rem;
    }
    .qianbao {
        box-sizing: border-box;
    }

    .bi_record {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        line-height: .7rem;
        font-size: .28rem;
        border-bottom: 1px solid #eaeaea;
        padding: .3rem 0;
    }

    .bi_record p {
        width: 50%;
    }

    .bi_record p:last-child {
        width: 100%;
    }

    .bi_record p>span:first-child {
        margin-right: .2rem;
    }

    .bi_record p>span:last-child {
        font-weight: 700;
    }

    .content_header_money p{
        text-align: center;
    }
    select{
        background:#EC1C24;
        color: #fff;
    }
    .HBS_flex{
        display:flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        border-bottom: 1px solid #F1F3F4;
        /*margin: .2rem 0;*/
    }

</style>

</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="__PUBLIC__/lib/layer/layer.js"></script>
<script>
    $('.password2').click(function () {
        // var id = $(this).attr('r_id');
        layer.open({
            id:1,
            type: 1,
            title:'输入支付密码',
            skin:'layui-layer-rim',
            area:['250px', 'auto'],
            content: ' <div class="row" style="width: 120px;  margin-left:7px; margin-top:10px;">'
                +'<div class="col-sm-12">'
                +'<div class="input-group">'
                +'<input id="password2" style="width: 100%" class="form-control" />'
                +''
                +'</div>'
                +'</div>'
                +'</div>'
            ,
            btn:['提交','取消'],
            btn1: function (index,layero) {
                var password2 = $('#password2').val();
                $.post("{:U('stock_password')}",{password2:password2},function (data) {
                        if(data.code>0){
                            window.location.href = "{:U('Discover/stock_detail')}";
                            return false;
                        }else{
                            layer.msg(data.msg,{time:1000});return false;
                            // window.location.reload();
                        }
                },'json')
            },
            btn2:function (index,layero) {
                layer.close(index);
            }

        });
    });


    const handleLookPs = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword');
        let pwd = document.getElementById('passwd');
        let psInput = ImagePs.parentNode.children[3];
        let huilv = document.getElementById('huilv')
        console.log(pwd);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv.style.display = 'none'
            }

        }
    }
    handleLookPs();

    const handleLookPs2 = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword2');
        let pwd2 = document.getElementById('passwd2');
        let psInput = ImagePs.parentNode.children[3];
        let huilv2 = document.getElementById('huilv2')
        console.log(pwd2);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd2.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv2.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd2.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv2.style.display = 'none'
            }

        }
    }
    handleLookPs2();

    $('#exchange').on('change',function(){
        var type = $(this).val();
        if(type == 1){
            $('.content_header_money').css('display','block');
            $('.content_header_money2').css('display','none')
        }else{
            $('.content_header_money2').css('display','block');
            $('.content_header_money').css('display','none')
        }
    })

</script>

</html>